<template>
  <div class="mainContent" :class="$store.state.isCollapse?'position-collapse-left':'position-left'">
    <keep-alive>
      <transition name="fade" mode="out-in">
        <router-view></router-view>
      </transition>
    </keep-alive>
  </div>
</template>

<script>
  export default {
    name :'mainContent',
    components: {
    },
    data(){
      return {
      }
    },
    methods: {
    }
  }
</script>

<style lang="scss" scoped>
.mainContent{
  position: absolute;
  top: 105px;
  right: 0;
  z-index: 1020;
  transition:0.3s;
  min-width: 850px;
  padding: 20px 20px;
}
.position-left {
  left: 201px;
}
.position-collapse-left {
  left: 65px;
}
</style>